<template>
    <div class="car-tran-manage">
        <div class="map-block">
            <div class="title">
                <span>车辆流向可视化</span>
            </div>
            <img src="@/assets/images/map-tun.png" alt="">
        </div>
        <div class="transfer-info">
            <div class="diy-select">
                <div class="select clearfix">
                    <img class="fl" src="@/assets/images/icon-small-car.png" alt="">
                    <span class="select-word fl">浙G88888(洒水车)</span>
                    <!-- 切换家active -->
                    <span class="icon-arraw fl"></span>
                </div>
            </div>
            <div  class="user-info clearfix">
                <div class="avarta fl">
                    <img src="@/assets/images/pic.jpg" alt="">
                </div>
                <div class="info fl">
                    <div class="item">驾驶员：王小二</div>
                    <div  class="item">电话：136 1234 5678</div>
                </div>
            </div>
            <div class="info-line clearfix">
                <div class="info-item icon-item1 fl">38 km/h</div>
                <div class="info-item icon-item2 fl">58.2L</div>
                <div class="info-item icon-item3 fl">13412km</div>
            </div>
            <div class="info-line clearfix">
                <div class="info-item icon-item4 fl">
                    <span class="f20">车辆位置：深圳市南山区粤海街道文化路</span>
                </div>
            </div>
            <div class="monitor-list">
                <div class="monitor-item">
                    <div class="tag">驾驶位</div>
                    <img src="@/assets/images/pic.jpg" alt="">
                </div>
                <div class="monitor-item">
                    <div class="tag">驾驶位</div>
                    <img src="@/assets/images/pic.jpg" alt="">
                </div>
                <div class="monitor-item">
                    <div class="tag">驾驶位</div>
                    <img src="@/assets/images/pic.jpg" alt="">
                </div>
                <div class="monitor-item">
                    <div class="tag">驾驶位</div>
                    <img src="@/assets/images/pic.jpg" alt="">
                </div>
                <div class="monitor-item">
                    <div class="tag">驾驶位</div>
                    <img src="@/assets/images/pic.jpg" alt="">
                </div>
                <div class="monitor-item">
                    <div class="tag">驾驶位</div>
                    <img src="@/assets/images/pic.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped></style>
